<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$title}</title>
    <link rel="stylesheet" href="__JS__/layui/css/layui.css" media="all">
    {block name="style"}{/block}
    <style>
        *{
            margin: 0;
            padding:0;
        }
        .container-fluid {
            padding: 20px;
        }
        .box {
            margin-bottom: 17px;
            float: left;
            width: 220px;
        }
        .box img {
            max-width: 100%
        }
    </style>
</head>
<body>
<div style="height:50px;background:#393D49;line-height:50px;text-align:center;font-size:14px;">
    <link rel="stylesheet" href="__CSS__/reset.css">
    <link rel="stylesheet" href="__CSS__/base.css">
    <style>
        .container-fluid .box .on{
            color: green;
            font-size: 24px;
            padding-left: 10px;
            font-weight: 600;
        }

        .container-fluid .box{
            padding:10px;
            border:1px solid #ccc;
            border-radius:5px;
            box-shadow: 2px -2px 5px rgba(0, 0, 0, .3);
        }

        .container-fluid .box img{
            border-bottom: 1px solid #999;
            padding-bottom: 20px;
        }
    </style>

    <div style="height:50px;float:left;margin-left:20px;font-size:0;">
        <img style="height:100%;" src="/static/images/logo.png" alt="">
    </div>
    <img style="height:70%;font-size:0;" src="/static/images/sck.png" alt="">

    {block name="logo"}{/block}
    {if condition="!session('index_id')"}
    <span style="float:right;background-color:#fff;margin-right:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="javascript:;">注册</a></span>
    <span style="float:right;background-color:#fff;margin-right:3px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/login/index')}">登录</a></span>
    {else /}
    <span style="float:right;background-color:#fff;margin-right:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/login/logout')}">退出</a></span>
    <span style="float:right;background-color:#fff;margin-right:3px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="javascript:;">{$Think.session.index_name}</a></span>
    {/if}

    
    <div>
        <span style="float:left;background-color:#fff;margin-left:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/index/index')}">首页</a></span>
        <span style="float:left;background-color:#fff;margin-left:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/wenan/index')}">文案系统</a></span>
        <span style="float:left;background-color:#fff;margin-left:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/shenhe/index')}">审核页</a></span>
        <span style="float:left;background-color:#fff;margin-left:20px;padding:0 20px;"><a style="text-decoration: none;color:#333;font-weight:700;font-family:微软雅黑;" href="{:url('index/suit_img/index')}">物料素材</a></span>        
    </div>

</div>

{block name="body"}{/block}

<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/masonry-docs.min.js"></script>
<script src="__JS__/layui/lay/dest/layui.all.js"></script>
{block name="js"}{/block}
{block name="script"}{/block}
</body>
</html>